<template>
	<view class="container">

		<view class="banner">
			<image :src="'https://elderlycomm.oss-cn-chengdu.aliyuncs.com/static/banner.jpg'"></image>
		</view>
		<view class="tools">

			<view class="row">
				<view class="large time" @click="Go">
					<view class="title">
						按时吃药
					</view>
				</view>
			</view>


			<view class="row">
				<view class="small recruit" @click="Go('/pages/health/health')">
					<view class="title">
						志愿者招募
					</view>
				</view>
				<view class="small wheelchair" @click="Go('/pages/health/health')">
					<view class="title ">
						轮椅租借
					</view>
				</view>
			</view>



			<view class="row">
				<view class="small set" @click="Go('/pages/health/health')"></view>
				<view class="small feedback" @click="Go('/pages/health/health')"></view>
			</view>

		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {

		};
	},
	methods: {
		Go() {
			uni.navigateTo({
				url: "search/search"
			})
		}
	}
}
</script>

<style lang="less" scoped>
.banner {
	image {
		height: 200rpx;
		width: 100%;
	}
}

.tools {
	display: flex;
	flex-flow: column wrap;
	justify-content: space-between;
	padding: 20rpx;
	align-items: center;

	.row {
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding-bottom: 50rpx;
	}
}

.small .title {
	color: black;
}

.flash {
	background: url("https://elderlycomm.oss-cn-chengdu.aliyuncs.com/static/flash.jpg");
	background-size: 100%;
}

.glass {
	background: url("https://elderlycomm.oss-cn-chengdu.aliyuncs.com/static/glass.jpg");
	background-size: 100%;
}

.feedback {
	background: url("https://elderlycomm.oss-cn-chengdu.aliyuncs.com/static/feedback.jpg");
	background-size: 100%;
}

.set {
	background: url("https://elderlycomm.oss-cn-chengdu.aliyuncs.com/static/set.jpg");
	background-size: 100%;
}

.time {
	background: url('https://elderlycomm.oss-cn-chengdu.aliyuncs.com/old/z13.jpg');
	background-size: 100% 100%;
	margin: 0;
}

.wheelchair {
	background: url('https://elderlycomm.oss-cn-chengdu.aliyuncs.com/old/z4.jpg');
	background-size: 100%;
	margin: 0;
}

.recruit {
	background: url('https://elderlycomm.oss-cn-chengdu.aliyuncs.com/old/z7.png');
	background-size: 100%;
	margin: 0;
}
</style>
